﻿<link href="http://www.uploadify.com/wp-content/themes/uploadify/style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="http://www.uploadify.com/wp-content/themes/uploadify/_scripts/js/jquery.min.js"></script>
<script type="text/javascript" src="http://www.uploadify.com/wp-content/themes/uploadify/_scripts/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://www.uploadify.com/wp-content/themes/uploadify/_scripts/js/swfobject.js"></script>
<script type="text/javascript" src="http://www.uploadify.com/wp-content/themes/uploadify/_scripts/js/jquery.uploadify.min.js"></script>


 <script type="text/javascript">
				$(function() {

				$('#custom_file_upload').uploadify({
  'uploader'       : 'uploadify.swf',
  'script'         : 'uploadify.php',
  'cancelImg'      : 'cancel.png',
  'folder'         : 'upload',
  'multi'          : true,
  'auto'           : true,
  'fileExt'        : '*.jpg;*.gif;*.png',
  'fileDesc'       : 'Image Files (.JPG, .GIF, .PNG)',
  'queueID'        : 'custom-queue',
  'queueSizeLimit' : 3,
  'simUploadLimit' : 3,
  'removeCompleted': false,
  'onSelectOnce'   : function(event,data) {
      $('#status-message').text(data.filesSelected + ' files have been added to the queue.');
    },
  'onAllComplete'  : function(event,data) {
      $('#status-message').text(data.filesUploaded + ' files uploaded, ' + data.errors + ' errors.');
    },

  'onComplete'  : function(event, ID, fileObj, response, data) {
      $('#status-message').text(fileObj.name);
      
    }
	
});				});
				</script>
        <style type="text/css">
        #custom-demo .uploadifyQueueItem {
  background-color: #FFFFFF;
  border: none;
  border-bottom: 1px solid #E5E5E5;
  font: 11px Verdana, Geneva, sans-serif;
  height: 50px;
  margin-top: 0;
  padding: 10px;
  width: 350px;
}
#custom-demo .uploadifyError {
  background-color: #FDE5DD !important;
  border: none !important;
  border-bottom: 1px solid #FBCBBC !important;
}
#custom-demo .uploadifyQueueItem .cancel {
  float: right;
}
#custom-demo .uploadifyQueue .completed {
  color: #C5C5C5;
}
#custom-demo .uploadifyProgress {
  background-color: #E5E5E5;
  margin-top: 10px;
  width: 100%;
}
#custom-demo .uploadifyProgressBar {
  background-color: #0099FF;
  height: 3px;
  width: 1px;
}
#custom-demo #custom-queue {
  border: 1px solid #E5E5E5;
  height: 213px;
margin-bottom: 10px;
  width: 370px;
}				</style>


<div class="demo-box">
    <div id="status-message">Select some files to upload:</div>
    <div id="custom-queue"></div>
    <input id="custom_file_upload" type="file" name="Filedata" />
</div>

